@media screen and (max-width:1023px) {

}

/* intro - start */
@media screen and (max-width:599px) {
  .mobile-pc {
    display: flex;
}
.pc-mobile {
  display: none;
}
  section {
    font-family: 'Pretendard Variable';
    font-weight: 400;
    font-size: 3.5vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
  overflow: hidden;
}

/* .main {
  z-index: 9998;
} */
  .intro_bg_wrap {
    flex-wrap: wrap;
  }
  .intro_bg {
    width: 100%;
    height: 50vh;
  }

  .intro_cover {
    flex-wrap: wrap;
  }
  .intro_div {
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    padding-top: 10vh;
}

div.intro_top {
  text-align: center;
  width: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  padding-bottom: 4vw;
  font-size: 3.2vw;
  flex-direction: column;
  top: 21vh;
}
.intro_top_line {
  width: 100%;
  height: 1px;
  background-color: #c11920;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
}
.intro_tt01 {
  font-size: 9vw;
}
.intro_tt02 {
  font-size: 5.4vw;
}
.con0_01 {
  width: 50.958%;
  display: none;
  justify-content: center;
  align-items: center;
  left: 21%;
  top: 18vw;
}
.intro_right div.intro_top {
  top: 21vh;
}
.intro_02 {
  width: 70%;
  bottom: -25%;
}
.intro_04 {
  width: 70%;
  bottom: -25%;
}
.intro_01 {
  width: 25%;
}
.intro_03 {
  top: 10%;
}
.intro_line_left.btm, .intro_line_right.btm {
  top: 5.5%;
}

.con0_02 {
  width: unset;
  height: 81%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: auto;
  bottom: -18vh;
  transition: all 0.6s;
}
.con0_02 img {
  width: unset !important;
  height: 100%;
}
.con0_03 {
  width: unset;
  height: 58%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: auto;
  bottom: -6vh;
  transition: all 0.6s;
  transform: translateX(2%);
}
.con0_03 img {
  width: unset !important;
  height: 100%;
}


}
/* intro - end */



@media screen and (max-width:599px) {


section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9998;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}
.hamburger_bg.on {
  opacity: 1;
  visibility: visible;
}
.sub {
  font-size: 3.5vw;
}

/* main */
.main {
  padding: 25vw 0 85vw 0;
}
.main_01 {
  width: 13%;
  margin-bottom: 4vw;
}
.main_txt {
  font-size: 4vw;
  margin-bottom: 4vw;
}
.main_02 {
  width: 65%;
}
.main_food {
  width: 80%;
  bottom: -20%;
}
.main_btm_red {
  height: 25vw;
}
.main_05 {
  width: 86%;
  bottom: -20.5%;
}
.main_15 {
  width: 90%;
  bottom: -5%;
}
.main_btm_red_ct.left {
  left: 3%;
}
.main_btm_red_ct.right {
  right: 3%;
}
.main_btm_red_ct {
  font-size: 4vw;
  top: -135%;
}
.main_03 {
  width: 45%;
  left: -2%;
  top: -190%;
}
.main_04 {
  width: 50%;
  right: -2%;
  top: -190%;
}
.main_btm_red_ct span {
  font-size: 13vw;
  margin-right: 0.2vw;
}
.swiper_main {
  bottom: 4.5%;
}
.side_nav {
  right: 4%;
  top: 72%;
  width: 14vw;
  gap: 2vw;
  padding: 6vw 0;
}
.side_nav a {
  font-size: 3.8vw;
}
.nav_02 {
  width: 16%;
}



.con01 {
    padding: 25vw 0 45vw 0;
}
.con01_front {
  width: 245%;
  top: 0;
}
.con01_txt1 {
  line-height: 1.5;
  text-align: center;
  font-size: 3.8vw;
  margin-bottom: 4vw;
}
.con01_03 {
  width: 50%;
  margin-bottom: 5vw;
}
.con01_txt2 {
  font-size: 4vw;

}
.con01_txt3{
  font-size: 3.5vw;
  line-height: 1.5;
  bottom: 15%;
}
.con02 {
  padding: 25vw 0 15vw 0;
}
.con02_top {
  width: 100%;
  justify-content: center;
}
.con02_top_title {
  position: absolute;
  font-size: 12vw;
  top: -65%;
}
.con02_top_title.left {
  left: 5%;
}
.con02_top_title.right {
  right: 5%;
}
.con02_top_center {
  width: 75%;
  gap: 2vw;
  margin-bottom: 4vw;
}
.con02_02 {
  left: 42%;
}
.con02_txt {
  margin-bottom: 8vw;
}
.con02_con {
  width: 100%;
  flex-wrap: wrap;
  gap:2vw;
}
.con02_05 {
  width: 80%;
  transition: 1s;
}
.swiper_con02{
  width: 100%;
  height: 75vw;
}
.swiper_con02 .swiper-slide-active .con02_05{
  scale: 1.2;
}
.swiper_con02_prev{
  left: 10%;
  transform: rotateY(180deg);
}
.swiper_con02_next{
  right: 10%;
}
.con03 {
  width: 100%;
  height: 200vw;
  flex-direction: column;
}
.con03_left, .con03_right{
  width: 100%;
  height: 100vw;
}
.con03_03_1 {
  width: 81.8%;
  bottom: -30%;
  left: 9%;
}
.con03_04 {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -32%;
  right: 10%;
  clip-path: polygon(0 40%, 100% 40%, 100% 100%, 0% 100%);
}
.con03_title {
  font-size: 5.8vw;
  margin-bottom: 3vw;
}
.con03_left_txtbox {
  text-align: center;
  width: 100%;
  left: 0;
  top: 14%;
}
.con03_right_txtbox {
  text-align: center;
  right: 21%;
  width: 100%;
  right: 0;
  bottom: 14%;
}
.con03_txt {
  font-size: 3.4vw;
}
.con03_02 {
  width: 35%;
}
.con03_center {
  margin-bottom: 12vw;
  gap: 3vw;
}
.con03_01 {
  width: 58%;
}
.con03_03_smoke {
  width: 106%;
  bottom: -3%;
  left: -16%;
}

.con04 {
  padding: 10vw 0 60vw 0;
}

.con04_08 {
  width: 75%;
  bottom: 8%;
}
.con04_btm {
  height: 35vw;
}
.con04_btm_txtbox {
  width: 100%;
  height: 20vw;
  bottom: -6.9%;
  justify-content: center;
}
.con04_txtwrap {
  width: 90%;
  margin-bottom: 8vw;
}
.con04_txtbox {
  width: 47%;
}
.con04_title {
  font-size: 3.5vw;
  padding: 2.5vw 1vw;
  margin-bottom: 3vw;
}
.con04_txt {
  width: 100%;
  font-size: 3.3vw;
}
.con04_txt.left {
  text-align: center;
  margin: 0;
}
.con04_txt.right {
  text-align: center;
  margin: 0;
}
.con04_01 {
  width: 13%;
  margin-bottom: 4vw;
}
.con04_02 {
  width: 57%;
  margin-bottom: 40vw;
}
.con04_04_blur, .con04_05_blur {
  display: none;
}
.con04_03 {
  width: 51%;
  left: 31%;
  top: 31%;
}
.con04_05 {
  width: 50%;
  right: 30%;
  top: 40%;
}
.con04_03 img{
  animation: ddm_m 2s infinite;
}
.con04_05 img{
  animation: ddm_m 2s 0.5s infinite;
}
.con04_04 {
  display: none;
}
.con04_12 {
  width: 13%;
  top: -46%;
  right: -0.6%;
}
.con04_09 {
  width: 31%;
  bottom: 20%;
  right: 10%;
}
.con04_topline {
  height: 15vw;
}
.con04_btm_line{
  display: none;
}
.con04_13{
  width: 52%;
  position: absolute;
  left: 0;
  top: 0;
}
.con04_15{
  width: 58%;
  position: absolute;
  right: 0;
  top: 0;
}
.con04_14 {
    width: 8%;
    left: 30.5%;
    top: 54%;
}


.con05 {
  padding: 24vw 0 15vw 0;
}
.con05_txt1 {
  font-size: 3.8vw;
  margin-bottom: 3vw;
}
.con05_01 {
  width: 85%;
  margin-bottom: 8vw;
}
div.con05_con {
    width: 80% !important;
    gap: 5vw;
    flex-direction: column;
}
.con05_06, .con05_07{
  display: none;
}
.con05_04 {
  width: 59%;
  right: 4%;
  bottom: -2.6%;
}


.con06 {
  padding: 6vw 0 18vw;
}
.con06_23 {
  width: 410%;
  top: -10%;
}
.con06_01 {
  width: 60%;
  margin-bottom: 4vw;
}
.con06_txt {
  margin-bottom: 6vw;
}
.con06_con {
  width: 90%;
  height: 160vw;
  border-radius: 4vw;
  flex-direction: column;
  padding: 8vw 0;
  box-sizing: border-box;
}
.con06_con_btnwrap {
  width: 100%;
  height: 15vw;
  left: 0%;
  display: flex;
  bottom: 51%;
}
.con06_con_btn {
  width: 50%;
  height: 100%;
}
.con06_con_btn_txt {
  font-size: 3.5vw;
  margin-bottom: 0;
}
.con06_03 {
  width: 50%;
  bottom: 55%;
  right: 57%;
}
.con06_03_1 {
  width: 50%;
  bottom: 55%;
  right: 57%;
}
.con06_04 {
  width: 8%;
  top: 98%;
  right: 44%;
  transform: rotate(90deg);
}
.con06_con_txtwrap {
  width: 100%;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.con06_con_title {
  font-size: 7vw;
  line-height: 1.3;
  margin-bottom: 2vw;
  text-align: center;
}
.con06_con_txt {
  font-size: 3.5vw;
  text-align: center;
}
.con06_02 {
  width: 75%;
  margin-bottom: 4vw;
}
.swiper_con06 {
  width: 100%;
  height: 70vw;
  bottom: 6vw;
}
.con06_slide_txt {
  font-size: 3.5vw;
}
.con06_slide_img {
  width: 85%;
  border-radius: 2vw;
  margin-bottom: 7vw;
}
.con06_slide_step {
  padding: 2vw 6vw;
  top: 81%;
  font-size: 3.2vw;
}
.con06_05 {
  width: 9%;
  top: 69%;
}
.con06_next {
  right: 3%;
}
.con06_prev {
  right: 87%;
}
.con06_con.item2{
  height: 123vw;
}
.con06_con_item2_txtwrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.con06_21 {
  width: 67%;
  margin: 0;
  margin-bottom: 4vw;
}
.con06_19 {
  width: 65%;
  left: 50%;
  transform: translateX(-50%);
}
.con06_18 {
  width: 20%;
  bottom: 8%;
  left: 4%;
  z-index: 4;
}
.con06_con_ct span {
  font-size: 16vw;
  margin-right: -0.4vw;
}
.con06_con_ct {
  font-size: 6vw;
  bottom: 7%;
  left: 60%;
}
.con06_22 {
  width: 95%;
  left: 2%;
}
.con07 {
  padding: 15vw 0;
}
.con07_01 {
  width: 60%;
  margin-bottom: 4vw;
}
.con07_con {
  flex-wrap: wrap;
  margin-bottom: 10vw;
  row-gap: 4vw;
}
.con07_con_box {
  width: 40%;
  gap: 2vw;
  border-right: 1px solid #bbb;
}
.con07_con_box_title {
  font-size: 4.5vw;
}
.con07_con_box_txt{
  font-size: 3.5vw;
}
.con07_con_box_ct {
  font-size: 3.8vw;
}
.con07_con_box_ct span {
  font-size: 9vw;
}
.con07_txt {
  margin-bottom: 8vw;
}
.con07_con_box.mobthis{
  border: none;
}
.con07_slide_txt {
  font-size: 3.5vw;
}
.con07_slide_img {
  width: 100%;
}
.con07_slide {
  width: 70vw;
  gap: 4vw;
}
.con07_06 {
  width: 160%;
  top: 11%;
}
.con07_03 {
  /* width: 8%;
  right: 11%;
  top: 8%; */
  display: none;
}
.con07_04 {
  /* width: 16%;
  right: 6.9%;
  top: 5.4%; */
  display: none;
}
.swiper_con07_prev {
  left: 9%;
}
.swiper_con07_next {
  right: 9%;
}
.con07_07 {
  width: 10%;
  top: 72%;
  z-index: 5;
}


.con08 {
  padding: 15vw 0;
}
.con08_01 {
  width: 59%;
  margin-bottom: 4vw;
}
.con08_txt {
  margin-bottom: 6vw;
}
.con08_con {
  flex-wrap: wrap;
  gap: 2vw;
}
.con08_con_box {
  width: 46%;
  border-radius: 2vw;
}
.con08_con_box_txt {
  font-size: 3.3vw;
  padding: 2.6vw 0;
}


.con09 {
  padding: 30vw 0 15vw 0;
}
.con09_txt {
  font-size: 3.8vw;
  margin-bottom: 3vw;
}
.con09_03 {
  width: 83%;
  margin-bottom: 8vw;
}
.con09_02 {
  width: 280%;
}
.con09_01 {
  width: 45%;
}
.con08_07 {
  width: 37%;
  top: -14%;
}
.swiper_con09_title {
  width: 50%;
  height: 6vw;
  margin-bottom: 5vw;
}
.swiper_con09_title_txt {
  font-size: 4vw;
}
.swiper_con09_price_txt span {
  font-size: 7vw;
  margin-right: 1vw;
}
.swiper_con09_price_txt {
  font-size: 4.5vw;
}
.swiper_con09_btm_title {
    font-size: 3.8vw;
    margin-bottom: 1vw;
}
.swiper_con09_btm_sub {
    font-size: 3.6vw;
    margin-bottom: 3vw;
}
.swiper_con09_btm_price {
    font-size: 5vw;
}
.swiper_con09_btm_price span {
    font-size: 6vw;
}
.swiper_con09_btm_slide {
    width: 50vw;
    height: 35vw;
}
.con09_btm_slide_line {
    width: 6vw;
}
.con09_04, .con09_05 {
    width: 8%;
    top: 39%;
}
.con09_05 {
    right: 17%;
}
.con09_04 {
    left: 17%;
}
.con09_thinline.right {
    width: 17.3%;
    right: 0;
    top: 40%;
}
.con09_thinline.left {
    width: 17.5%;
    left: 0;
    top: 40%;
}
.con09_thinline.btm {
    top: 59%;
}
.swiper_con09_price {
    margin-bottom: 16vw;
}
.con09_06 {
    width: 70%;
    bottom: -22%;
    z-index: -1;
}



.con10 {
    padding: 10vw 0 15vw 0;
}
.con10_01 {
    width: 15%;
    margin-bottom: 3vw;
}
.con10_02 {
    width: 75%;
    margin-bottom: 60vw;
}
.con10_con {
    width: 90%;
    height: auto;
}
.con10_con_rightbox {
    width: 100%;
    height: auto;
    border-radius: 2vw;
    gap: 6vw;
    flex-direction: column;
    padding: 8vw 0;
}
.con10_06 {
    width: 85%;
}
.con10_08 {
    width: 80%;
}
.con10_con_leftbox.btm {
    bottom: 104.5%;
    left: 52.5%;
}
.con10_con_leftbox.top {
    top: -28%;
    left: 0;
}
.con10_con_leftbox {
    width: 43vw;
    height: 43vw;
    border-radius: 2vw;
    gap: 2vw;
}
.con10_con_leftbox_title {
    font-size: 4vw;
}
.con10_con_leftbox_txt {
    font-size: 7vw;
}
.con10_con_leftbox_txt span {
    font-size: 15vw;
}
.con10_04 {
    width: 2.9%;
    left: 71.5%;
    bottom: -15%;
    transform: rotate(90deg);
}
.con10_05 {
    width: 3%;
    right: 78.5%;
    top: -11%;
    transform: rotate(270deg);
}
.con10_07 {
    width: 35%;
    left: 33%;
    top: 24%;
}
.con10_09 {
    width: 42%;
    right: 29%;
    bottom: 7%;
}



.con11 {
    padding: 15vw 0 30vw 0;
}
.con10_12 {
    width: 340%;
}
.con10_11 {
  width: 330%;
}
.con11_01 {
    width: 78%;
    margin-bottom: 4vw;
}
.con11_txt {
    font-size: 3.5vw;
    margin-bottom: 15vw;
    text-align: center;
    line-height: 1.5;
}
.con11_03, .con11_02 {
    width: 70%;
}
.con11_storebox_hover {
    width: 35%;
    height: 100%;
}
.con11_con_left, .con11_con_right {
    width: 37vw;
    flex-direction: column;
    gap: 1vw;
    top: 75%;
    padding: 6vw;
    background-color: #fff;
    border-radius: 100%;
    align-items: center;
}
.con11_con_title {
    font-size: 3.6vw;
}
.con11_con_ct {
    font-size: 9vw;
}
.con11_09 {
    width: 10%;
}
.con11_con_left .con11_con_btm,
.con11_con_right .con11_con_btm {
    gap: 2vw;
    justify-content: center;
}
.con11_con_left {
    left: -4%;
}
.con11_con_right {
    right: -4%;
}
.con11_06 {
    width: 180%;
    top: 67%;
}
.con11_04 {
    width: 50%;
    left: 2%;
    top: 30%;
}
.con11_05 {
    width: 42%;
    right: 1%;
    top: 30%;
}
.con11_07 {
  width: 100%;
  right: 1%;
  top: -520%;
}

.con12 {
  padding-top: 15vw;
}
.con12_02 {
  position: relative;
  z-index: 2;
  width: 45%;
  margin-bottom: 4vw;
}
.con12_03 {
  position: relative;
  z-index: 2;
  width: 70%;
  margin-bottom: 3vw;
}
.con12_txt {
  font-size: 3.5vw;
  margin-bottom: 130vw;
}
.con12_01 {
  width: 90%;
  bottom: -20%;
  z-index: 2;
}
.swiper_con12_left, .swiper_con12_right {
  width: 45vw;
  opacity: 0.3;
  pointer-events: none;
}
.swiper_con12_img {
  width: 85%;
  border-radius: 2vw;
}
.swiper_con12_left {
  left: -15%;
}
.swiper_con12_right {
  right: -15%;
}
.swiper_con12_mobile {
  width: 65vw;
  height: 82vw;
  bottom: 15%;
  border-radius: 4vw;
  overflow: hidden;
}
.swiper_con12_mobile .swiper_con12_img{
  width: 100%;
}
.swiper_con12_mobile_prev{
  left: 12%;
  top: 57%;
}
.swiper_con12_mobile_next{
  right: 12%;
  top: 57%;
  transform: rotateY(180deg);
}
.con12_04 {
  width: 45%;
  top: 26%;
  left: 3%;
}
.con12_06 {
  width: 45%;
  top: 26%;
  right: 3%;
}
.con12_05{
  display: none;
}
.con12_04 img{
  animation: ddm_m 2s infinite;
}
.con12_06 img{
  animation: ddm_m 2s 1s infinite;
}



.con13 {
  padding-top: 15vw;
}
.con13_01 {
  width: 40%;
  margin-bottom: 3vw;
}
.con13_02 {
  width: 83%;
  margin-bottom: 3vw;
}
.con13_txt {
  font-size: 3.5vw;
  margin-bottom: 8vw;
}
.con13_con {
  width: 90%;
  height: auto;
  flex-direction: column;
  margin-bottom: 25vw;
  gap: 3vw;
}
.con13_slide_left {
  width: 100%;
  border-radius: 2vw;
}
.con13_con_left {
  width: 100%;
  gap: 3vw;
}
.con13_04 {
  width: 48% !important;
  border-radius: 2vw;
}
.con13_08 {
  width: 590%;
}
.con13_09 {
  width: 55%;
  bottom: 4%;
}
.con14 {
  padding: 15vw 0 ;
}
.con14_01 {
  width: 40%;
  margin-bottom: 3vw;
}
.con14_02 {
  width: 71%;
  margin-bottom: 4vw;
}
.con14_03 {
  width: 15%;
  left: -10%;
  top: -145%;
}
.con14_txt {
  margin-bottom: 8vw;
}
.swiper_con14_videobox {
  width: 80vw;
  height: 44vw;
  border-radius: 3vw;
}
.con14_05 {
  width: 10%;
  top: 65%;
}
.swiper_con14_next {
  right: 3%;
}
.swiper_con14_prev {
  left: 3%;
}



.con15 {
  padding: 13vw 0 15vw 0;
}
.con15_02 {
  width: 35%;
  margin-bottom: 4vw;
}
.con15_03 {
  width: 67%;
  margin-bottom: 3vw;
}
.con15_txt {
  font-size: 3.5vw;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 8vw;
}
.con15_con {
 flex-direction: column;
 gap: 40vw;
}
.con15_con_box {
  width: 100%;
  gap: 3vw;
}
.con15_05 {
  width: 50%;
}
.con15_10 {
  width: 360%;
}
.con15_04 {
  width: 70%;
  top: 27.5%;
}
.con15_01 {
  width: 42%;
  top: -14%;
  left: -5%;
}




.con16 {
  padding: 15vw 0 60vw 0;
}
.con16_con {
  width: 90%;
  flex-direction: column;
  gap: 12vw;
}
.con16_con_left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.con16_01 {
  width: 30%;
  margin-bottom: 3vw;
}
.con16_02 {
  width: 43%;
  margin-bottom: 5vw;
}
.con16_txt {
  font-size: 3.8vw;
}
.con16_con_right {
  width: 80%;
}
.swiper_con16 {
  width: 100%;
  height: 45vw;
}
.con16_slide {
  width: 80%;
  height: 85%;
  margin-left: 0;
}
.con16_slide_title {
  font-size: 4.5vw;
  margin-top: 0;
  margin-bottom: 3vw;
}
.con16_slide_txt {
  font-size: 3.2vw;
  line-height: 1.5;
}
.con16_slide_num {
  font-size: 3.2vw;
}
.con16_09 {
  width: 48.7139%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 10%;
  left: 25.7%;
}
.con16_08 {
  width: 10%;
  right: -2%;
}
.con16_03 {
  width: 115%;
  left: 50%;
  top: -9%;
  transform: translateX(-50%);
}
.con16_12 {
  width: 30.2362%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 5%;
  right: 0;
}
.swiper_con16_prev {
  top: -1%;
}
.swiper_con16_next {
  top: 19%;
}
.con16_con_right .swiper-pagination-bullet {
  width: 0.8vw;
  height: 0.8vw;
  margin: 7vw 0 !important;
}
.swiper_con16_pagination {
  left: -1% !important;
}
.swiper_con16_line {
  height: 38.6vw;
  top: 7%;
  left: -0.68%;
}
.swiper_con16_circle {
  width: 5vw;
  height: 43.6vw;
  top: 1.6%;
  left: -3.8%;
}
.con16_09 {
  width: 70%;
  bottom: 22%;
  left: 50%;
  transform: translateX(-50%);
}
.con16_11 {
  width: 90%;
  bottom: 8%;
}
.con16_10 {
  width: 20%;
  bottom: 11%;
}
.con16_12 {
  width: 60%;
  bottom: 16%;
  right: -11%;
  z-index: -1;
  opacity: 0.4;
}



.con17 {
  padding: 15vw 0 50vw 0;
}
.con17_01 {
  width: 85%;
  margin-bottom: 3vw;
}
.con17_txt {
  font-size: 3.5vw;
  margin-bottom: 10vw;
}
.con17_02m{
  width: 90%;
}
.con17_04m, .con17_03m {
  width: 26% !important;
  bottom: 1%;
}
.con17_04m {
  left: 43%;
}
.con17_03m{
  left: 20%;
}
.con17_02_txt {
  font-size: 3.2vw;
  top: -5%;
}
.con17_02_btmtxt {
  width: 100%;
  font-size: 3.2vw;
  line-height: 1.5;
  text-align: center;
  bottom: -45%;
  left: 50%;
  transform: translateX(-50%);
}


.con18 {
  padding-bottom: 18vw;
}
.con18_01 {
  width: 58%;
  margin-bottom: 8vw;
  margin-top: 14vw;
}
.con18_con {
  width: 90%;
  gap: 3vw;
}
.con18_02, .con18_09_1 {
  width: 46%;
}
.con18_back {
  width: 95%;
  height: 94%;
  border-radius: 3vw;
}
.con18_line {
  width: 1px;
  height: 43%;
  top: -17.9%;
  right: 54%;
  rotate: 90deg;
}
.con18_11 {
  width: 1.8%;
  top: 2.2%;
  right: 9.8%;
  rotate: 90deg;
}



.con19 {
  padding: 15vw 0;
}
.con19_txt {
  font-size: 3.6vw;
  margin-bottom: 3vw;
}
.con19_01 {
  width: 46%;
  margin-bottom: 8vw;
}
.con18_12 {
  width: 50%;
  bottom: -9%;
  left: -15%;
}
.con19_04 {
  width: 140%;
  bottom: -6%;
}



.con20 {
  padding: 30vw 0 160vw 0;
}
.con20_con {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.con20_form {
  width: 85%;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  top: 40%;
  overflow: hidden;
  z-index: 5;
}
.con20_01m{
  width: 71%;
  margin-bottom: 3vw;
}
.con20_txt {
  font-size: 3.5vw;
  line-height: 1.3;
  text-align: center;
}
.con20_06 {
  width: 10%;
  top: 2%;
}
.con20_05 {
  width: 250% !important;
  top: 5%;
}
.con20_food {
  width: 90vw;
  height: 90vw;
  top: 23%;
}
.con20_04_c {
  width: 35.6375%;
}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/* form */
.form_right {
  width: 100%;
  justify-content: center;
}
.form {
  width: 100%;
  height: 100%;
  padding: 0 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 200;
  margin: 0;
  margin-top: 12vw;
  margin-bottom: 6vw;
}
div.form_margin_input {
  height: 12vw;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 3vw;
}
div.form_margin_Agree_input {
  justify-content: flex-start;
  padding: 4vw 3vw;
  gap: 1.5vw;
  box-sizing: border-box;
  margin-top: 16vw;
  margin-bottom: 2vw;
}
.footeer_agree_checkbox_01 {
  width: 4vw;
  height: 4vw;
}
.form-control {
  display: block;
  width: 33%;
  height: 7vw;
  color: #000;
  outline: none;
  padding-left: 0.5vw;
  font-size: 3vw;
  border-radius: 1.6vw;
}
.form_select_box_left {
  width: 40%;
  height: 7vw;
  font-size: 3.5vw;
  border-radius: 1.6vw;
}
.form_select_box_right {
  width: 40%;
  height: 7vw;
  font-size: 3.5vw;
}
div.form_margin_input input {
  border-radius: 1.6vw;
}
div.form_margin_input .form_input_02 {
  width: 30%;
  height: 8vw;
}
.form_margin_input textarea {
  border-radius: 1.6vw;
  margin-top: 18vw;
  padding: 2vw;
}
.form_submit_div {
  padding: 2.2vw 0;
  border-radius: 1vw;
  margin-left: 0;
}
.form_submit_div p {
  font-size: 3.8vw;
}
div.form_margin_input label {
  font-size: 3.5vw;
}


/*  map  */
.map_content {
  /*        background: url(/images/map_bg.jpg) no-repeat center / cover;*/
          object-fit: cover;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 100%;
          padding: 9% 0% 0% 0%;
          border: none;
      }
      .map {
          width: 92%;
          height: 53vw;
          z-index: 1;
          border: 1px solid #c11920;
      }
  
  
  
      .map_mid {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 100%;
          overflow: hidden;
          padding: 0% 0% 112% 0%;
      }
  
      .mid_map_search {
          background: white;
          overflow: hidden;
          z-index: 2;
          width: 93%;
          height: 100vw;
          left: 3.2%;
          top: 37%;
          border: 1px solid #c11920;
      }
  
      .mid_map_search_mid::after {
          height: 69%;
      }
  
      .mid_map_search_mid input {
          appearance: none;
          outline: none;
          width: 100%;
          height: 12vw;
          padding-left: 5%;
          font-family: 'Pretendard-regular';
          font-size: 3.5vw;
          background-size: cover;
          background-position: center;
          padding-right: 18%;
      }
  
      .map_text_row {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          width: 100%;
          margin: 1% 0% 0% 1%;
      }
  
      .map_text_div {
          display: none;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          width: 100%;
          margin: -1% 0% 2% 3%;
      }
  
      .map_text_01 {
          font-size: 4.6vw;
          font-weight: 800;
      }
  
      .map_text_02 {
          font-family: 'Pretendard';
          font-size: 2.9vw;
          font-weight: 400;
          color: #000;
      }
  
      .map_text_03 {
          font-family: 'Pretendard';
          font-size: 3vw;  
          font-weight: 400;
          color: #8d8d8d;
      }
  
      .map_text_04 {
          font-family: 'Pretendard';
          font-size: 3vw;
          font-weight: 800;
          color: #02ba80;
          margin: 0% 1% 0% 1%;
      }
  
      .mid_map_search_item_title {
          font-size: 4.3vw;
      }
  
      .mid_map_search_item {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          width: 85%;
          padding: 5% 0;
          font-size: 3vw;
          margin: 4% 0% 0% 8%;
      }
  
      .mid_map_search_bottom {
          overflow: scroll;
          height: 64.9vw;
          width: 99.5%;
      }
  
      .map_absol {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: flex-end;
          width: 27%;
          bottom: -1%;
          left: 65%;
          z-index: 3;
      }
      .mid_map_search_top > div {
          font-size: 4vw;
          padding-top: 4%;
      }
      .map_search {
        width: 6%;
    }
}